<!DOCTYPE HTML>
<html>

	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<meta name="format-detection" content="telephone=no">
		<meta name="description" content="">
		<meta http-equiv="x-dns-prefetch-control" content="on">
		<link href="../imgv2/css/css.css" rel="stylesheet" type="text/css" />
		<!--<link rel="stylesheet" type="text/css" href="../imgv2/css/demo.Default.css" />-->
		<script src="http://webapi.amap.com/maps?v=1.3&key=57c58c7b1f94514317df97e3a985962c"></script>
		<script src="../jsv2/jQuery/jquery-1.11.2.min.js"></script>
		<script src="../jsv2/QueryStringParser.js"></script>
		<script src="../jsv2/lib/json3.min.js"></script>
		<script src="../jsv2/journey/operateData.js"></script>
		<script src="../jsv2/jsonMsg.js"></script>
		<script language="javascript">
			var mapObj;
			var windowsArr = [];
			var marker = [];

			function mapInit() {
					mapObj = new AMap.Map("iCenter", {
						view: new AMap.View2D({
							center: new AMap.LngLat(121.357428, 31.23923), //地图中心点
							zoom: 13 //地图显示的缩放级别
						}),
						keyboardEnable: false
					});
					mapObj.plugin(["AMap.ToolBar"], function() {
						toolBar = new AMap.ToolBar();
						mapObj.addControl(toolBar);
					});
					//document.getElementById("keyword").onkeyup = keydown;
				}
				//输入提示

			function autoSearch() {
					var keywords = document.getElementById("keyword").value;
					var cityName = document.getElementById("city").value;
					if (cityName == null || cityName.trim() == "") {
						alert("请先输入城市!");
						return false;
					}
					var auto;
					//加载输入提示插件
					AMap.service(["AMap.Autocomplete"], function() {
						var autoOptions = {
							city: cityName //城市，默认全国
						};
						auto = new AMap.Autocomplete(autoOptions);
						//查询成功时返回查询结果
						if (keywords.length > 0) {
							auto.search(keywords, function(status, result) {
								autocomplete_CallBack(result);
							});
						} else {
							document.getElementById("result1").style.display = "none";
						}
					});
				}
				//输出输入提示结果的回调函数

			function autocomplete_CallBack(data) {
					var resultStr = "";
					var tipArr = data.tips;
					if (tipArr && tipArr.length > 0) {
						for (var i = 0; i < tipArr.length; i++) {
							resultStr += "<div id='divid" + (i + 1) + "' onmouseover='openMarkerTipById(" + (i + 1) + ",this)' onclick='selectResult(" + i + ")' onmouseout='onmouseout_MarkerStyle(" + (i + 1) + ",this)' style=\"font-size: 13px;cursor:pointer;padding:5px 5px 5px 5px;\"" + "data=" + tipArr[i].adcode + ">" + tipArr[i].name + "<span style='color:#C1C1C1;'>" + tipArr[i].district + "</span></div>";
						}
					} else {
						resultStr = " π__π 亲,人家找不到结果!<br />要不试试：<br />1.请确保所有字词拼写正确<br />2.尝试不同的关键字<br />3.尝试更宽泛的关键字";
					}
					document.getElementById("result1").curSelect = -1;
					document.getElementById("result1").tipArr = tipArr;
					document.getElementById("result1").innerHTML = resultStr;
					document.getElementById("result1").style.display = "block";
				}
				//输入提示框鼠标滑过时的样式

			function openMarkerTipById(pointid, thiss) { //根据id打开搜索结果点tip 
					thiss.style.background = '#CAE1FF';
				}
				//输入提示框鼠标移出时的样式

			function onmouseout_MarkerStyle(pointid, thiss) { //鼠标移开后点样式恢复 
					thiss.style.background = "";
				}
				//从输入提示框中选择关键字并查询

			function selectResult(index) {
					if (index < 0) {
						return;
					}
					if (navigator.userAgent.indexOf("MSIE") > 0) {
						document.getElementById("keyword").onpropertychange = null;
						document.getElementById("keyword").onfocus = focus_callback;
					}
					//截取输入提示的关键字部分
					var text = document.getElementById("divid" + (index + 1)).innerHTML.replace(/<[^>].*?>.*<\/[^>].*?>/g, "");
					var cityCode = document.getElementById("divid" + (index + 1)).getAttribute('data');
					document.getElementById("keyword").value = text;
					document.getElementById("result1").style.display = "none";
					//根据选择的输入提示关键字查询
					mapObj.plugin(["AMap.PlaceSearch"], function() {
						var msearch = new AMap.PlaceSearch(); //构造地点查询类
						AMap.event.addListener(msearch, "complete", placeSearch_CallBack); //查询成功时的回调函数
						msearch.setCity(cityCode);
						msearch.search(text); //关键字查询查询
					});
				}
				//定位选择输入提示关键字

			function focus_callback() {
					if (navigator.userAgent.indexOf("MSIE") > 0) {
						document.getElementById("keyword").onpropertychange = autoSearch;
					}
				}
				//输出关键字查询结果的回调函数

			function placeSearch_CallBack(data) {
					//清空地图上的InfoWindow和Marker
					windowsArr = [];
					marker = [];
					mapObj.clearMap();
					var resultStr1 = "";
					var poiArr = data.poiList.pois;
					var resultCount = poiArr.length;
					for (var i = 0; i < 1; i++) {
						latLon = poiArr[i].location;
						resultStr1 += "<div id='divid" + (i + 1) + "' onmouseover='openMarkerTipById1(" + i + ",this)' onmouseout='onmouseout_MarkerStyle(" + (i + 1) + ",this)' style=\"font-size: 12px;cursor:pointer;padding:0px 0 4px 2px; border-bottom:1px solid #C1FFC1;\"><table><tr><td><img src=\"http://webapi.amap.com/images/" + (i + 1) + ".png\"></td>" + "<td><h3><font color=\"#00a6ac\">名称: " + poiArr[i].name + "</font></h3>";
						resultStr1 += TipContents(poiArr[i].type, poiArr[i].address, poiArr[i].tel) + "</td></tr></table></div>";
						addmarker(i, poiArr[i]);
					}
					mapObj.setFitView();
					//document.getElementById("result").innerHTML = resultStr1;
					//document.getElementById("result").style.display = "block";
				}
				//鼠标滑过查询结果改变背景样式，根据id打开信息窗体

			function openMarkerTipById1(pointid, thiss) {
					thiss.style.background = '#CAE1FF';
					windowsArr[pointid].open(mapObj, marker[pointid]);
				}
				//添加查询结果的marker&infowindow   

			function addmarker(i, d) {
					var lngX = d.location.getLng();
					var latY = d.location.getLat();
					var markerOption = {
						map: mapObj,
						icon: "http://webapi.amap.com/images/" + (i + 1) + ".png",
						position: new AMap.LngLat(lngX, latY)
					};
					var mar = new AMap.Marker(markerOption);
					marker.push(new AMap.LngLat(lngX, latY));
					var infoWindow = new AMap.InfoWindow({
						content: "<h3><font color=\"#00a6ac\">  " + (i + 1) + ". " + d.name + "</font></h3>" + TipContents(d.type, d.address, d.tel),
						size: new AMap.Size(300, 0),
						autoMove: true,
						offset: new AMap.Pixel(0, -30)
					});
					windowsArr.push(infoWindow);
					var aa = function(e) {
						infoWindow.open(mapObj, mar.getPosition());
					};
					AMap.event.addListener(mar, "click", aa);
				}
				//infowindow显示内容

			function TipContents(type, address, tel) { //窗体内容
				if (type == "" || type == "undefined" || type == null || type == " undefined" || typeof type == "undefined") {
					type = "暂无";
				}
				if (address == "" || address == "undefined" || address == null || address == " undefined" || typeof address == "undefined") {
					address = "暂无";
				}
				if (tel == "" || tel == "undefined" || tel == null || tel == " undefined" || typeof address == "tel") {
					tel = "暂无";
				}
				var str = "  地址：" + address + "<br />  电话：" + tel + " <br />  类型：" + type;
				return str;
			}

			function keydown(event) {
				var key = (event || window.event).keyCode;
				var result = document.getElementById("result1")
				var cur = result.curSelect;
				if (key === 40) { //down
					if (cur + 1 < result.childNodes.length) {
						if (result.childNodes[cur]) {
							result.childNodes[cur].style.background = '';
						}
						result.curSelect = cur + 1;
						result.childNodes[cur + 1].style.background = '#CAE1FF';
						document.getElementById("keyword").value = result.tipArr[cur + 1].name;
					}
				} else if (key === 38) { //up
					if (cur - 1 >= 0) {
						if (result.childNodes[cur]) {
							result.childNodes[cur].style.background = '';
						}
						result.curSelect = cur - 1;
						result.childNodes[cur - 1].style.background = '#CAE1FF';
						document.getElementById("keyword").value = result.tipArr[cur - 1].name;
					}
				} else if (key === 13) {
					var res = document.getElementById("result1");
					if (res && res['curSelect'] !== -1) {
						selectResult(document.getElementById("result1").curSelect);
					}
				} else {
					autoSearch();
				}
			}

			function getPageSize() {
				var xScroll, yScroll;
				if (window.innerHeight && window.scrollMaxY) {
					xScroll = window.innerWidth + window.scrollMaxX;
					yScroll = window.innerHeight + window.scrollMaxY;
				} else {
					if (document.body.scrollHeight > document.body.offsetHeight) { // all but Explorer Mac    
						xScroll = document.body.scrollWidth;
						yScroll = document.body.scrollHeight;
					} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari    
						xScroll = document.body.offsetWidth;
						yScroll = document.body.offsetHeight;
					}
				}
				var windowWidth, windowHeight;
				if (self.innerHeight) { // all except Explorer    
					if (document.documentElement.clientWidth) {
						windowWidth = document.documentElement.clientWidth;
					} else {
						windowWidth = self.innerWidth;
					}
					windowHeight = self.innerHeight;
				} else {
					if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode    
						windowWidth = document.documentElement.clientWidth;
						windowHeight = document.documentElement.clientHeight;
					} else {
						if (document.body) { // other Explorers    
							windowWidth = document.body.clientWidth;
							windowHeight = document.body.clientHeight;
						}
					}
				}
				// for small pages with total height less then height of the viewport    
				if (yScroll < windowHeight) {
					pageHeight = windowHeight;
				} else {
					pageHeight = yScroll;
				}
				// for small pages with total width less then width of the viewport    
				if (xScroll < windowWidth) {
					pageWidth = xScroll;
				} else {
					pageWidth = windowWidth;
				}
				arrayPageSize = new Array(pageWidth, pageHeight, windowWidth, windowHeight);
				return arrayPageSize;
			}

			function popMore() {
				if (document.getElementById("dropbox").style.display == 'none') {
					document.getElementById("dropbox").style.display = "";
				} else {
					document.getElementById("dropbox").style.display = "none";
				}
			}
		</script>
		<title>邀请</title>
		<style>
			.tool_bar {
				background-color: #96cc70;
				color: #fff;
				margin: 0px;
			}
			.tripuser {
				float: left;
				margin-top: 1.25rem;
				margin-bottom: .25rem;
				width: 3.6rem;
				height: 3.8rem;
				margin-left: .2rem;
				margin-right: 0.2rem;
				text-align: center;
			}
			.bottom_user_list {
				position: fixed;
				bottom: 0px;
				left: 0px;
				z-index: 300;
				width: 100%;
				background-color: rgba(255, 255, 255, 1);
				text-align: center;
			}
			.bottom_btn > div {
				display: inline-block;
				float: left;
			}
			.bottom_btn > div button {
				width: 100px;
			}
			.list_user_status > p {
				margin-top: 0rem;
				margin-bottom: 0rem;
			}
		</style>
	</head>

	<body onload="mapInit();">
		<div class="keep" id="pop" style="display: none;">
			<img src="../imgv2/popup_text.png">
		</div>
		<div class="tool_bar">
			<font id="mines" class="tripuser"></font>
			<div class="list_text_tool">
				<div class="list_title_tool"><font id="nickname"></font>创建<font id="title"></font>之旅</div>
				<div class="list_dis_tool"><i class="iconfont tool_ico">&#xe610;</i>目的地：<font id="dest"></font>
				</div>
				<div class="list_user_status">
					<p class="user_tool">
						<!--<i class="iconfont tool_ico">&#xe609;</i>-->参与人数：<font id="members"></font>人</p>
					<p class="status_tool"><font id="validDate"></font>
					</p>
				</div>
			</div>
		</div>
		<div id="iCenter" style="width:100%;height:150px;"></div>
		<script type="text/javascript">
			document.getElementById("iCenter").style.height = (getPageSize()[1] - 100) + "px";
		</script>
		<div class="bottom_user_list">
			<div class="wraning_text"><font id="nicknameDown"></font>邀请您参加<font id="titleDown"></font>之旅</div>
			<div class="bottom_btn">
				<div class="left_btn">
					<!--<p class="ico_group"><i class="iconfont img">&#xe601;</i>拒绝</p>-->
					<button id="btnRefuse" class="button" onClick="this.className='button_d'" onmouseout="this.className='button'">
						拒绝
					</button>
				</div>
				<div class="right_btn line_left">
					<!--<p class="ico_group" onclick="joins()" style="cursor:pointer;"><i class="iconfont img">&#xe602;</i>接受</p>-->
					<button id="btnAccept" class="button" onClick="this.className='button_d'" onmouseout="this.className='button'">
						接受
					</button>
				</div>
			</div>
		</div>
	</body>

</html>

<script type="text/javascript">
	var latLon = "";
	var openId = queryString.getParam("inviteUser");
	var acceptOpenId = queryString.getParam("acceptUser");
	var tripId = queryString.getParam("id");

	function joins() {
		var members = [];
		members.push(acceptOpenId);
		var dataStr = {
			OpenIDs: members,
			Type: 2,
			ID: tripId
		};
		bidgeToWeixin(openId, 'InviteFriend', dataStr, function(data, status, xhr) {
			//Do Anything After get Return data  
			var dataStr = {
				OpenID: acceptOpenId
			};
			var bodyStr = popBody('UserDetail', dataStr);
			var request = popRequest('UserDetail', acceptOpenId, bodyStr);
			//调用了jquery.json 库  
			var encoded = JSON.stringify(request);
			var jsonStr = encoded;
			$.ajax({
				url: actionStr,
				type: 'POST',
				data: jsonStr,
				dataType: 'json',
				contentType: 'application/json',
				success: function(data, status, xhr) {
					//         Do Anything After get Return data  
					if (data.portalResp.Data.Profiles.status == '0') {
						//说明还没有关注公众号
						document.getElementById("pop").style.display = "";
					} else {
						window.location.href = "trip_member.html?openid=" + acceptOpenId + "&tripid=" + tripId;
					}
				},
				Error: function(xhr, error, exception) {
					// handle the error.    
					alert(exception.toString());
				}
			});
		});
	}
	var memberList = [];
	var tripLeaderId = "";
	$(document).ready(function() {
		if (openId == null || openId == "") {
			return false;
		} else {
			fillTripInfo(openId, tripId);
		}
		$('#btnAccept').on('click', function() {
			joins();
		});
		$('#btnRefuse').on('click', function() {
			window.close();
		});
	});

	function fillTripInfo(openId, tripId) {
		var dataStr = {
			TripID: tripId
		};
		bidgeToWeixin(openId, 'TripDetail', dataStr, function(data, status, xhr) {
			$("#title").empty().html(data.portalResp.Data.Title);
			$("#dest").empty().html(data.portalResp.Data.Destination.Name);
			$("#members").empty().html(data.portalResp.Data.MemberStatus.length);
			$("#validDate").empty().html(data.portalResp.Data.ValidDate);
			var nickName = "",
				imageURL = "",
				nickNameDown = "";
			tripLeaderId = data.portalResp.Data.TripLeader;
			if (data.portalResp.Data.MemberStatus && data.portalResp.Data.MemberStatus.length > 0) {
				memberList = data.portalResp.Data.MemberStatus;
				$.each(data.portalResp.Data.MemberStatus, function(index) {
					if (data.portalResp.Data.MemberStatus[index].OpenID == openId) {
						nickNameDown = data.portalResp.Data.MemberStatus[index].Nickname;
					}
					if (data.portalResp.Data.MemberStatus[index].OpenID == data.portalResp.Data.TripLeader) {
						nickName = data.portalResp.Data.MemberStatus[index].Nickname;
						imageURL = data.portalResp.Data.MemberStatus[index].ImageURL;
					}
				});
			}
			$("#titleDown").empty().html(data.portalResp.Data.Title);
			$("#nicknameDown").empty().html(nickNameDown);
			$("#mines").empty().html("<img src='" + imageURL + "'  class='user_pic' height='46' width='46'>");
			$("#nickname").html(nickName);
			//			if(imageURL.substring(imageURL.length-3)=="/64"){
			//    			imageURL = imageURL.substring(0,imageURL.length-3)+"/96";
			//    	}
			var marker = new AMap.Marker({
				position: new AMap.LngLat(data.portalResp.Data.Destination.Loc.Longitude / 1000000, data.portalResp.Data.Destination.Loc.Latitude / 1000000)
			});
			marker.setMap(mapObj);
			marker.setTitle(data.portalResp.Data.Title);
			mapObj.setZoomAndCenter(14, new AMap.LngLat(data.portalResp.Data.Destination.Loc.Longitude / 1000000, data.portalResp.Data.Destination.Loc.Latitude / 1000000));
		});
	}
</script>